<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">

<style>
.add_div {
	width: 400px;
	height: 500px;
	border: solid #ccc 1px;
	margin-top: 40px;
	margin-left: 170px;
	padding-left: 20px;
}

.file-list {
	height: 125px;
	display: none;
	list-style-type: none;
}

.file-list img {
	max-width: 150px;
	vertical-align: middle;
	display: block;
}

.file-list .file-item {
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
}

.file-list .file-item .file-del {

	margin-top: 5px;
	cursor: pointer;
}

.ibox-content {
	padding-left: 100px;
}
.form-row{
	margin-bottom:10px;
}
.form-group{
	margin-right:5px;
}
.ibox-content{
background-color:transparent;
}
</style>

<body class="gray-bg">

	<style>
.add_div {
	width: 400px;
	height: 500px;
	border: solid #ccc 1px;
	margin-top: 40px;
	margin-left: 170px;
	padding-left: 20px;
}

.file-list {
	height: 125px;
	display: none;
	list-style-type: none;
}

.file-list img {
	max-width: 150px;
	vertical-align: middle;
}

.file-list .file-item {
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
}

.file-list .file-item .file-del {

	margin-top: 5px;
	cursor: pointer;
}

.ibox-content {
	padding-left: 100px;
}
.form-row{
	margin-bottom:10px;
}
.form-group{
	margin-right:5px;
}
.ibox-content{
background-color:transparent;
}
</style>

	<div class="wrapper wrapper-content ">
		<div class="row">
			<div>
				<div class="ibox float-e-margins">
					<div class="ibox-content">

						<form class="form-inline m-t" id="signupForm">
							<div class="form-row">
								
								<input style="width: 100px;" id="userId" name="userId"
									class="col-sm-12 form-control" type="hidden"
									th:value="${user.userId}">
								
										<input style="width: 100px;" id="tel" name="tel"
									class="col-sm-12 form-control" type="hidden"
									th:value="${user.mobile}">	
									
									
										<input style="width: 100px;" id="telname" name="telname"
									class="col-sm-12 form-control" type="hidden"
									th:value="${user.username}">	
									
							
							<input id="id"  name="id"  th:value="${housesInfo.id}"  type="hidden">
							<input id="foundationMatching"  name="foundationMatching"  th:value="${housesInfo.foundationMatching}"  type="hidden">
							<input id="agentOrNot"  name="agentOrNot"  th:value="${housesInfo.agentOrNot}"  type="hidden">
							<input id="propertyFeeFlg"  name="propertyFeeFlg"  th:value="${housesInfo.propertyFeeFlg}"  type="hidden">
							<input id="metroDiv"  name="metroDiv"  th:value="${housesInfo.metro}"  type="hidden">
							<input id="officePropertyDiv"  name="officePropertyDiv"  th:value="${housesInfo.officeProperty}"  type="hidden">
							<input id="purposeDiv"  name="purposeDiv"  th:value="${housesInfo.purpose}"  type="hidden">
	                        <input id="indexradio"  name="indexradio"  th:value="${housesInfo.indexradio}"  type="hidden">	
									
							</div>
							
							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*供求:</label>
										<label class="radio-inline"> <input type="radio"
											id="officeProperty" name="officeProperty" value="0" />出租
										</label> <label class="radio-inline"> <input type="radio"
											id="officeProperty" name="officeProperty" value="1"  />出售
										</label>
								</div>
							</div>
							

							<div class="form-row">
							
							<div class="form-group">
									<label class="control-label">*类型:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="purpose" id="purpose" class="form-control chosen-select"
										tabindex="2" required>
										<option th:each="purposeList : ${purposeList}"
											th:text="${purposeList.name}" th:value="${purposeList.value}"></option>
									</select>
								</div>
							
							
								<div class="form-group" id="officeTypeDiv">
									<label class="control-label">*类别:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="officeType" id="officeType"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="officeTypeList : ${officeTypeList}"
											th:text="${officeTypeList.name}"
											th:value="${officeTypeList.value}"></option>
									</select>
								</div>
								
								<div class="form-group">
									<label class="control-label">*性质:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="officeSituation" id="officeSituation"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="officeSituationList : ${officeSituationList}"
											th:text="${officeSituationList.name}"
											th:value="${officeSituationList.value}"></option>
									</select>

								</div>
															
							</div>
							
							
							
							
							<div class="form-row"  id="shopsDiv1"  style="display:none;">
							
								<div class="form-group">
									<label class="control-label">*形态:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="hform" id="hform" class="form-control chosen-select"
										tabindex="2" required>
										<option th:each="hformList : ${hformList}"
											th:text="${hformList.name}" th:value="${hformList.value}"></option>
									</select>
								</div>
							
								
								<div class="form-group">
									<label class="control-label">*行业:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="industry" id="industry"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="industryList : ${industryList}"
											th:text="${industryList.name}"
											th:value="${industryList.value}"></option>
									</select>
								</div>
								
								<!--  
								<div class="form-group">
									<label class="control-label">*附属设施:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="facilities" id="facilities"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="facilitiesList : ${facilitiesList}"
											th:text="${facilitiesList.name}"
											th:value="${facilitiesList.value}"></option>
									</select>
								</div>
								-->
								
							</div>
							
							
							<div class="form-row"  id="shopsDiv2"   style="display:none;">
							
								<div class="form-group">
									<label class="control-label">*临街情况:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="streetCondition" id="streetCondition" class="form-control chosen-select"
										tabindex="2" required>
										<option th:each="streetConditionList : ${streetConditionList}"
											th:text="${streetConditionList.name}" th:value="${streetConditionList.value}"></option>
									</select>
								</div>
							
								
								<div class="form-group">
									<label class="control-label">*楼层情况:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="floorCondition" id="floorCondition"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="floorConditionList : ${floorConditionList}"
											th:text="${floorConditionList.name}"
											th:value="${floorConditionList.value}"></option>
									</select>
								</div>
								
								<div class="form-group">
									<label class="control-label">*经营状况:</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="managementCondition" id="managementCondition"
										class="form-control chosen-select" tabindex="2" required>
										<option th:each="managementConditionParamList : ${managementConditionParamList}"
											th:text="${managementConditionParamList.name}"
											th:value="${managementConditionParamList.value}"></option>
									</select>
								</div>
								
							</div>
							
							
							
							
							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*可注册:</label>
									<span>
										<label class="radio-inline"> <input type="radio"
											checked id="registered" name="registered" value="1" />是
										</label> <label class="radio-inline"> <input type="radio"
											id="registered" name="registered" value="2" />否
										</label>
									</span>
								</div>

							</div>

								<div class="form-row">
									<div class="form-group">
										<label class="control-label">*区域:</label>
										
											<select style="width: 150px;" data-placeholder="--选择类别--"
												name="area" id="area" class="form-control chosen-select"
												tabindex="2" required>
												<option th:each="areaList : ${areaList}"
													th:text="${areaList.name}" th:value="${areaList.value}"></option>
											</select>
										
									</div>
									
									<div class="form-group" id="officeBuildingManagementIdDiv">
										<label class="control-label">*经典写字楼:</label>
			
											<select style="width: 150px;" data-placeholder="--选择类别--"
												name="officeBuildingManagementId" id="officeBuildingManagementId"
												class="form-control chosen-select" tabindex="2" required>
												<option th:each="buildingManagementList: ${buildingManagementList}"
													th:text="${buildingManagementList.officeName}"
													th:value="${buildingManagementList.id}"></option>
											</select>
										
									</div>
								</div>
						<div class="form-row"  >
							<div class="form-group">
								<label class="control-label">*房源地址：</label>
									<input style="width: 400px;" id="officeLocal"
										name="officeLocal" class="form-control" type="text"  th:value="${housesInfo.officeLocal}">
							</div>
						</div>	
							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*地铁线:</label>
									
										<select style="width: 150px;" data-placeholder="--选择类别--"
											name="metro" id="metro" class="form-control chosen-select"
											tabindex="2" required>
											<option th:each="metro : ${metro}" th:text="${metro.name}"
												th:value="${metro.value}"></option>
										</select>
									
								</div>
								<div class="form-group" >
									<label class="control-label">*距离地铁站公里:</label>
			
										<input style="width: 102px;" id="metroKil" name="metroKil"
											class="form-control" type="text" th:value="${housesInfo.metroKil}">
									
								</div>
							</div>


						<div class="form-row"  >
							<div class="form-group">
								<label class="control-label">*房源名称：</label>
									<input style="width: 150px;" id="officeName" name="officeName"
										class="form-control" type="text"  th:value="${housesInfo.officeName}">	
							</div>
						</div>
						<div class="form-row">
								<div class="form-group">
									<label class="control-label">*房源标题：</label>
									<input style="width: 400px;" id="title" name="title"
										class="form-control" type="text" th:value="${housesInfo.title}">
								</div>
							</div>
	

							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*装修:</label>
									
										<select style="width: 150px;" data-placeholder="--选择类别--"
											name="renovation" id="renovation"
											class="form-control chosen-select" tabindex="2" required>
											<option th:each="renovationList : ${renovationList}"
												th:text="${renovationList.name}"
												th:value="${renovationList.value}"></option>
										</select>
									
								</div>
								<div class="form-group">
									<label class="control-label">*可分割:</label>
									
										<label class="radio-inline"> <input type="radio"
											checked id="separable" name="separable" value="1" />是
										</label> <label class="radio-inline"> <input type="radio"
											id="separable" name="separable" value="2" />否
										</label>
									
								</div>
							</div>



							<div class="form-row" >
								<div class="form-group">
									<div class="">
										<label class="">*第</label> <input
											style="width: 70px;" id="buildingNumber"
											name="buildingNumber" class="form-control" type="text"  th:value="${housesInfo.buildingNumber}">
									</div>
								</div>

								<div class="form-group">
									<label class="control-label">楼(座)</label>
								</div>
								<div class="form-group">
									<label class="control-label">第</label>
										<input style="width: 70px;" id="floor" name="floor"
											class="form-control" type="text"  th:value="${housesInfo.floor}">	<label class="control-label">层</label>
								</div>

				

								<div class="form-group">
									<label class="control-label">共</label>
									
										<input style="width: 70px;" id="floorAll" name="floorAll"
											class="form-control" type="text" th:value="${housesInfo.floorAll}">
									
								</div>

								<div class="form-group" style="width: 10px">
									<label class="control-label">层</label>
								</div>

							</div>

							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*建筑面积：</label>
										<input style="width: 100px;" id="builtArea" name="builtArea"
											class="form-control" type="text"   th:value="${housesInfo.builtArea}">
								</div>
								<div class="form-group" style="width: 120px;">
									<label class="control-label">平方</label>
								</div>
								<div class="form-group">
									<label class="control-label">*得房率：</label>
									
										<input style="width: 100px;" id="roomRate" name="roomRate"
											class="form-control" type="text"  th:value="${housesInfo.roomRate}">
									
								</div>
								<div class="form-group" style=" width: 10px">
									<label class="control-label">%</label>
								</div>
							</div>


							<div class="form-row"   id="foundationMatchingDiv1" >
								<label class="control-label">*基础配套:</label>
								<div class="form-group">
									
									<label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="3" />投影
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="4" />办公家具
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="5" />水
									</label><label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="6" />中央空调
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="7" />电梯
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="8" />集中供暖
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="9" />安防监控
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="10" />免费停车
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="11" />电
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching1" name="foundationMatching1" value="12" />员工餐厅
									</label>
								</div>
							</div>
							
							
							<div class="form-row"  id="foundationMatchingDiv2"  style="display:none;">
								<label class="control-label">*基础配套:</label>
								<div class="form-group">
									<label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="13" />下水
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="14" />可明火
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="15" />天然气
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="16" />可外摆
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="17" />车位
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="18" />电梯
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="19" />暖气
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="20" />排烟
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="21" />排污
									</label><label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="22" />380V
									</label><label class="checkbox-inline"> <input type="checkbox"
										id="foundationMatching2" name="foundationMatching2" value="23" />管煤
									</label>
								</div>
							</div>
							
							
						<div class="form-row">
							<div class="form-group">
								<label class="control-label">*描述：</label>
								
									<textarea class="form-control" id="peripheralMatching" 	th:text="${housesInfo.peripheralMatching}"
										name="peripheralMatching" rows="7"
										style="width: 600px; height: 70px"></textarea>
								
							</div>
						</div>
						
						<div class="form-row">
								<div class="form-group">
									<label class="control-label">*金额：</label>
									
										<input style="width: 150px;" id="money" name="money"
											class="form-control" type="text"  th:value="${housesInfo.money}">
											<label id="tal" class="control-label">万(总价)</label>
									
								</div>
								
								<div class="form-group"  id="rentMethodDiv">
										<select style="width: 150px;" data-placeholder="--请选择--"
											name="rentMethod" id="rentMethod"
											class="form-control chosen-select" tabindex="2" required>
											<option th:each="rentMethodList : ${rentMethodList}"
												th:text="${rentMethodList.name}"
												th:value="${rentMethodList.value}"></option>
										</select>
								</div>
						</div>
						<div class="form-row">
							
							<div class="form-group">
									<label class="control-label">*是否含物业费:</label>
									
										<label class="radio-inline"> <input type="radio"
											id="propertyFeeFlg"  name="propertyFeeFlg" value="1" />否
										</label> 
										<label class="radio-inline"> <input type="radio"
											id="propertyFeeFlg"  name="propertyFeeFlg" value="2" />是
										</label>
									
								</div>
							
							<div class="form-group"  style="display:none" id ="propertyFeeDiv">
									<label class="control-label">*物业费m²：</label>	
										<input style="width: 100px;" id="propertyFee" name="propertyFee"
											class="form-control"  type="text"  th:value="${housesInfo.propertyFee}">
							</div>
						
						</div>
						
						<div class="form-row" id="accommodationStationDiv">
								<div class="form-group">
									<label class="control-label">可容纳工位：</label>
									
										<input style="width: 150px;" id="accommodationStation"
											name="accommodationStation" 	th:value="${housesInfo.accommodationStation}"  class="form-control" type="text">
									
								</div>
						</div>
						
						<div class="form-row" id="leaseTermDiv">
								<div class="form-group">
									<label class="control-label">*起租期：</label>
									
										<input placeholder="月" style="width: 150px;" id="leaseTerm"
											name="leaseTerm" class="form-control" type="text" th:value="${housesInfo.leaseTerm}">
									
								</div>
								<div class="form-group" id="rentFreeDiv">
									<label class="control-label">*免租期：</label>
									
										<input placeholder="天" style="width: 150px;" id="rentFree"
											name="rentFree" class="form-control" type="text" th:value="${housesInfo.rentFree}">
									
								</div>
							</div>
							
					
							


							<div class="form-row" id="depositDiv">
								<div class="form-group">
									<label class="control-label">*支付方式：</label> <select
										style="width: 150px;" data-placeholder="--选择类别--"
										name="deposit" id="deposit" class="form-control chosen-select"
										tabindex="2" required>
										<option th:each="depositList : ${depositList}"
											th:text="${depositList.name}" th:value="${depositList.value}"></option>
									</select>
								</div>
							</div>

		<!-- 					<div class="form-row">
								<div class="form-group">
									<label class="control-label">*标题：</label>
								
									<input style="width: 400px;" id="title" name="title"
										class="form-control" type="text" th:value="${housesInfo.title}">
								
								</div>
							</div> -->
							
							<!--  
							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*描述：</label>
									
										<textarea class="form-control" id="describes" name="describes"
											rows="15" style="width: 600px; height: 150px" 	th:text="${housesInfo.describes}"></textarea>
									
								</div>
							</div>
							-->

							<div class="form-row">
								<div class="form-group">
									<div style="display:inline-block;">
										<p>
											<span>图片：</span> <input type="file" name="files" id="files"
												multiple="multiple" />
										</p>
										<ul class="file-list">
										</ul>
									</div>
								</div>
							</div>
							

							<!--  
							<div class="form-row">
								<div class="form-group">
									<label class="control-label">*联系人：</label>
										<input style="width: 150px;" id="telname" name="telname"
											class="form-control" type="text" th:value="${housesInfo.telname}">
								</div>
								<div class="form-group">
									<label class="checkbox-inline"> <input type="checkbox"
										checked id="agentOrNot" name="agentOrNot" value="1" />经纪人
									</label>
								</div>
								<div class="form-group">
									<label class="control-label">*联系方式：</label>
									
										<input style="width: 150px;" id="tel" name="tel"
											class="form-control" type="text" th:value="${housesInfo.tel}">
								</div>
							</div>
							-->
							
							

							<div class="form-row">
								<div class="form-group col-sm-offset-3">
									<button type="submit" class="btn btn-primary">保存</button>
								</div>
							</div>

						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/xzl/housesInfo/edit.js">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript"
		src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>

	</script>
</body>
</html>
